﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<link href="css/base.css" rel="stylesheet" type="text/css"></link>
<link href="css/index.css" rel="stylesheet" type="text/css"></link>
<script src="js/index.js" type="text/javascript"></script>
<script src="js/jquery-1.11.1.js" type="text/javascript"></script>

</head>

<body>
<div id="Content">
<!--------------头部开始--------------->
   <div id="header">
       <div class="logol"><img src="images/logol.gif"></div>
       <span>Let's join hands and struggle for geek&nbsp;!</span>
       <div id="nav">
          <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="team.html">团队介绍</a></li>
            <li><a href="project.html">成功案例</a></li>
            <li><a href="learn.html">学习家园</a></li>
            <li><a href="star.html">优秀之星</a></li>
         </ul>
       </div>
   </div>
<!--------------头部结束--------------->  
<!--------------其余部分开始--------------->
   <div id="content">
   <div id="geekIntro">
<!--------------极客网简介开始--------------->
      <div class="geek_intro">
          <img src="images/logol1.gif" style="margin-left:75px;">
          <br/><br/>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这是一群具有创新意识，拥有共同目标的有着不同专业背景的朝气蓬勃年轻人组成的一个不可分割的群体，这群年轻人就像人的五官，缺一不可
          这是一群具有创新意识，拥有共同目标的，有着不同专业背景的朝气蓬勃年轻人组成的一个不可分割的群体，这群年轻人就像人的五官，缺一不可
          这是一群具有创新意识，拥有共同目标的，有着不同专业背景的朝气蓬勃年轻人组成的一个不可分割的群体，这群年轻人就像人的五官，缺一不可......
          
          <a class="more" style="position:absolute; right:3px; bottom:8px;" href="team.html">more&nbsp;>></a>
         
      </div>
<!--------------极客网简介结束--------------->
<!--------------极客网图片开始--------------->
      <div class="geek_img_border">
          
        <div class="scroll" id="scroll"> 
          <ul> 
            <li><img src="images/geek_img1.jpg"/></li> 
            <li><img src="images/geek_img2.jpg"/></li> 
            <li><img src="images/geek_img3.jpg"/></li> 
            <li><img src="images/geek_img1.jpg"/></li> 
            <li><img src="images/geek_img2.jpg"/></li> 
            
          </ul> 
        </div>
        <div class="leftbtn">&#8249;</div> 
        <div class="rightbtn">&#8250;</div>  
     </div>
<!--------------极客网图片结束--------------->
   </div>
   <div id="geekShow">
      <div id="member_bookShow">
<!--------------成员介绍开始--------------->
          <div id="member_intro">
              <ul>
                  <li><ul>
                         <li><a href="team_intro.html" name="member_intro_img"><img src="images/member_intro1.jpg"/></a><div class="member_information"><span>刘进（负责人）</span></div></li>
                         <li><a href="team_intro.html" name="member_intro_img"><img src="images/member_intro2.jpg"/></a><div class="member_information"><span>刘进（负责人）</span></div></li>
                         <li><a href="team_intro.html" name="member_intro_img"><img src="images/member_intro3.jpg"/></a><div class="member_information"><span>刘进（负责人）</span></div></li>
                      </ul></li>
                  <li class="member_intro_li2"><ul>
                         <li><a href="team_intro.html" name="member_intro_img"><img src="images/member_intro4.jpg"/></a><div class="member_information"><span>刘进（负责人）</span></div></li>
                         <li><a href="team_intro.html" name="member_intro_img"><img src="images/member_intro5.jpg"/></a><div class="member_information"><span>邓维斌（负责人）</span></div></li>
                         <li><a href="team_intro.html" name="member_intro_img"><img src="images/member_intro6.jpg"/></a><div class="member_information"><span>冯迪（老大）</span></div></li>
                      </ul></li>
              </ul>
          </div>
<!--------------成员介绍结束--------------->
<!--------------书籍介绍开始--------------->
          <div class="book_intro">
              <ul>
                  <li><a href="learn.html">关于Web前台、美工(推荐书籍：《应用Web标准进行设计》**********)</a></li>
                  <li><a href="learn.html">关于Web后台(推荐书籍：PHP入门经典(华章程序员书库入门经典)**********)</a></li>
                  <li><a href="learn.html">关于Android(推荐书籍：《Android开发基础》**********)</a></li>
              </ul>
              <a class="more" style="position:absolute; right:13px; bottom:2px;" href="learn.html">more&nbsp;>></a>
          </div>
<!--------------书籍介绍结束--------------->
      </div>
<!--------------项目介绍开始--------------->
      <div id="projectList">
           <h3>成功案例</h3>
           <ol type="1">
               <li><a href="project.html">重庆惠人劳务建筑有限公司门户网站</a></li>
               <li><a href="project.html">重庆山仁钢结构有限责任公司门户网站</a></li>
               <li><a href="project.html">电子商务网店运营</a></li>
               <li><a href="project.html">重庆瓯福安有限公司门户网站</a></li>
               <li><a href="project.html">重庆邮电大学经济管理实验中心信息管理系统</a></li>
               <li><a href="project.html">重庆瓯福安电子有限公司MRP管理系统</a></li>
               <li><a href="project.html">兴业银行重庆分行行政后勤管理系统</a></li>
               <li><a href="project.html">重邮校当网（现极客网）（C2C）电子商务交易平台开发及运营</a></li>
              
           </ol>
           <a class="more" style="position:absolute; right:12px; bottom:2px;" href="project.html">more&nbsp;>></a>
      </div>
<!--------------项目介绍结束--------------->
   </div>
<!--------------尾部介绍开始--------------->
   	<div class="footer">
       	<a href="#">友情链接</a>|<a href="#">意见反馈</a>|<a href="#">关于我们</a>|<a href="#">加入我们</a><br/>
        地址：经济管理学院实验中心3106室<br/>
      	Copyright&reg;极客网工作室
   	</div>
<!--------------尾部介绍结束--------------->
   </div>
<!--------------其余部分结束--------------->   
</div>
<script type="text/javascript">
var oscroll=document.getElementById("scroll");
var oscroll_ul=oscroll.getElementsByTagName("ul")[0];
var oscroll_li=oscroll_ul.getElementsByTagName("li");
    oscroll_ul.style.width=oscroll_li[0].offsetWidth*oscroll_li.length+"px"; 
var flag = "left"; 
function DY_scroll(wraper,prev,next,img,speed,or){ 
  var wraper = $(wraper); 
  var prev = $(prev); 
  var next = $(next); 
  var img = $(img).find('ul'); 
  var w = img.find('li').outerWidth(true); 
  var s = speed; 
  next.click(function(){ 
  img.animate({'margin-left':-w},function(){ 
  img.find('li').eq(0).appendTo(img); 
  img.css({'margin-left':0}); 
}); 
  flag = "left"; 
}); 
  prev.click(function(){ 
  img.find('li:last').prependTo(img); 
  img.css({'margin-left':-w}); 
  img.animate({'margin-left':0}); 
  flag = "right"; 
}); 
  if (or == true){ 
  ad = setInterval(function() { flag == "left" ? next.click() : prev.click()},s*1000); 
  wraper.hover(function(){clearInterval(ad);},function(){ad = setInterval(function() {flag == "left" ? next.click() : prev.click()},s*1000);}); 
  } 
} 
DY_scroll('.scroll','.leftbtn','.rightbtn','.scroll',3,true);// true为自动播放，不加此参数或false就默认不自动 
</script> 
</body>
</html>

